<script setup lang="ts">
</script>

<template>
 <div class="bg-teal-400 h-16 px-8 flex justify-between items-center">
    <div>
        <span><i class="iconfont icon-book bookIcon"></i></span>
        <li class="font-serif text-3xl inline-block ml-2 text-white">Booknificent</li>
    </div>
    <div>
        <div><img src="../../assets/image/headPhoto.jpg" alt="" class="w-10"></div>
    </div>
 </div>
</template>

<style scoped>
.bookIcon{
    font-size: 32px;
    color: white;
}
</style>